$(function () {
    load();
    //保存数据
    // 获取数据的函数
    function getData() {
        var data = localStorage.getItem('todoList');
        if (data == null) {
            return [];
        }
        else return JSON.parse(data);
    }
    function saveData(array) {
        localStorage.setItem('todoList', JSON.stringify(array))
    }
    //读取文本框中的数据
    $('#toDotext').on('keyup', function (e) {
        if (e.keyCode === 13) {
            if ($(this).val() == '') {
                alert("输入错误，请重新输入!")
            }
            else {
                var Value = $('#toDotext').val();
                var data = getData();
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth();
                var day = date.getDate();
                var hour = date.getHours()>9?date.getHours():'0'+date.getHours();
                var minute = date.getMinutes()>9?date.getMinutes():'0'+date.getMinutes();
                var time = year + '-' + month + '-' + day + '-' + hour + ':' + minute;
                data.push({
                    'title': Value,
                    'done': false,
                    'time':time
                })
                saveData(data);
                $('#toDotext').val('');
                load();
            }
        }
    })
    //渲染函数。
    function load() {
        var data = getData();
        $("ul").empty();
        $("ol").empty();
        var doingCount = 0;
        var finishedCount = 0;
        $.each(data, function (idx, element) {
            var time = element.time;
            if (element.done) {
                var li = $('<li><input type="checkbox" checked name="" id=""><p>' + element.title + '</p><span>'+ time +'</span><a href="javascript:;" id="' + idx + '""></a></li>');
                $("ol").prepend(li);
                finishedCount++;
            }
            else {
                var li = $('<li><input type="checkbox" name="" id=""><p>' + element.title + '</p><span>' + time +'</span><a href="javascript:;" id="' + idx + '""></a></li>');
                $('ul').prepend(li);
                doingCount++;
            }

        })
        $('#doCount').html(doingCount);
        $('#overCount').html(finishedCount);
    }
    //复选框状态改变时的变化
    $('ul,ol').on('click', 'input', function () {
        var data = getData();
        var index = $(this).siblings('a').attr('id');
        console.log(index);
        data[index].done = $(this).prop('checked');
        console.log(data[index].done)
        saveData(data);
        load();
    })
    //删除按钮
    $('ul,ol').on('click', 'a', function () {
        var data = getData();
        var index = $(this).attr("id");
        console.log(11);
        data.splice(index, 1);
        saveData(data);
        load();
    })
})